.vip-module{
	width: 100%;
	padding: 0rpx 32rpx 0rpx 32rpx;
	.title{
		width: 100%;
		text-align: center;
		height: 40rpx;
		font-size: 28rpx;
		font-family: $global-font-family;
		font-weight: 400;
		color: #666666;
		position: relative;
		margin-bottom: 32rpx;
		.content{
			width: 160rpx;
			z-index: 10;
			background-color: #f1f1f3;
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
			text-align: center;
		}
		&::after{
			content: "";
			position: absolute;
			width: 686rpx;
			height: 2rpx;
			background-color: #AEAEAE;
			top: 50%;
			transform: translateY(-50%);
			left: 0;
		}
	}
	.vip-module-main{
		width:100%;
		background-color: #FFFFFF;
		border-radius: 24rpx;
		padding: 32rpx 24rpx 32rpx 24rpx;
		.vip-module-main-title{
			height: 50rpx;
			font-size: 36rpx;
			font-family: $global-font-family;
			font-weight: 800;
			color: #1D1D1F;
			line-height: 50rpx;
		}
		.vip-module-item{
			width: 100%;
			height: 168rpx;
			border-radius: 16rpx;
			padding: 12rpx;
			box-sizing: border-box;
			.item-title{
				height: 40rpx;
				font-size: 28rpx;
				font-family: $global-font-family;
				font-weight: 800;
				line-height: 40rpx;
			}
			.item-subtitle{
				height: 28rpx;
				font-size: 20rpx;
				font-family: $global-font-family;
				font-weight: 400;
				line-height: 20rpx;
			}
			.item-btn{
				width: 156rpx;
				height: 36rpx;
				border-radius: 18rpx;
				font-size: 20rpx;
				font-family: $global-font-family;
				font-weight: 400;
				display: flex;
				align-items: center;
				justify-content: center;
				margin-top: 20rpx;
			}
			&.invitation{
				background:url(https://vkceyugu.cdn.bspapp.com/VKCEYUGU-8acfaa58-aeb5-4502-8309-365d4c6cca4a/10bf09c8-2f83-4af2-9adc-749749926da3.png) no-repeat;
				background-size: 100% 100%;
				margin-top: 32rpx;
				.item-title{
					color: #B2610F;
				}
				.item-subtitle{
					color: #AC7338;
				}
				.item-btn{
					color: #824100;
					border: 2rpx solid #824100;
				}
			}
			&.topup{
				background:url(https://vkceyugu.cdn.bspapp.com/VKCEYUGU-8acfaa58-aeb5-4502-8309-365d4c6cca4a/e41f3d12-a70b-4783-b4b7-8581d9089d42.png) no-repeat;
				background-size: 100% 100%;
				margin-top: 24rpx;
				.item-title{
					color: #0259A5;
				}
				.item-subtitle{
					color:#196DB7;
				}
				.item-btn{
					color:#0259A5;
					border: 2rpx solid #0259A5;
				}
			}
		}
	}
}